<template>
	<view class="start">
		<swiper @change="goDetailPage" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
			<swiper-item>
				<view class="swiper-item">
					<image src="">A</image>
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image src="" mode="">B</image>
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image src="" mode="">C</image>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
	    methods: {
	      goDetailPage(e) {
	        let idx = e.detail.current;
	        if (idx == 2) {
	          uni.navigateTo({
	            url: '/pages/index/index'
	          });
	        }
	      }
	    }
	  }
</script>

<style>
	swiper{
		height: 100vh;
		width: 100%;
		background-color: #55ffff;
	}
	.swiper-item{
		font-size: 200rpx;
	}
</style>